<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.10/vue.js"></script>
</head>
<body>
<div id="app">
    <h1>展示</h1>
    <button @click="type=1">新闻</button>
    <button @click="type=2">娱乐</button>
    <button @click="type=3">首页</button>
    <p v-if="type === 1">新闻</p>
    <p v-else-if="type === 2">娱乐</p>
    <p v-else>首页</p>
</div>
<script>
  const vm = new Vue({
    el:"#app",
    data(){
      return{
        type:1,
      }
    },
  })
</script>
</body>
</html>